我們已經完成了將資料從MongoDB中取出並顯示於網頁上的部分。接著就要從網頁中取得資料並寫入到MongoDB裡面。首先來做一個新增用戶的頁面。

第一步自然是做路由(routing)，打開"routes/index.js"，在"module.exports = router;"之前加入以下程式：

/* GET New User page. */
router.get('/newuser', function(req, res) {
    res.render('newuser', { title: 'Add New User' });
});

這應該不用再解釋了吧？接著做一個模版，打開"views/index.hjs"，另存為"views/adduser.hjs"，修改如下：

    <title>{{ title }}</title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  
  
    <h1>{{ title }}</h1>

    <form name="adduser" action="/adduser" method="post">
      Username: <input type="text" name="username" placeholder="Enter Username">
      Email: <input type="email" name="email" placeholder="Enter Email">
      <input type="submit" value="Submit">
    </form>
    
  

這裡我們做了一個名為"adduser"的表格(form)，讓用戶輸入Username與Email，並用"post"的方式，送給"/adduser"（也就是前面加的路由）處理。

下一篇再來處理這些輸入。

[image credit: Vincent]

(本文同步發表於: NodeJust.com )